<!DOCTYPE HTML>
<html class="no-js">
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Clarkepartner.com</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!-- CSS
  ================================================== -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="plugins/prettyphoto/css/prettyPhoto.css" rel="stylesheet" type="text/css">
<link href="plugins/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="plugins/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css">
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" /><![endif]-->
<!-- Color Style -->
<link class="alt" href="colors/color10.css" rel="stylesheet" type="text/css">
<link href="style-switcher/css/style-switcher.css" rel="stylesheet" type="text/css">
<!-- SCRIPTS
  ================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->
</head>
<body>
<!--[if lt IE 7]>
	<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<div class="body">
  <!-- Start Site Header -->
  <header class="site-header">
  <div class="top-header hidden-xs">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-6">
          <ul class="horiz-nav pull-left">
            <li class="dropdown"> <a data-toggle="dropdown"><i class="fa fa-user"></i> Login <b class="caret"></b></a>
              <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Agent Login</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="login.html">Login Page</a></li>
                    <!--<li class="dropdown-submenu">
                                                    <a href="#">Even More..</a>
                                                    <ul class="dropdown-menu">
                                                        <li><a href="#">3rd level</a></li>
                                                        <li><a href="#">3rd level</a></li>
                                                    </ul>
                                                </li>-->
                    <li class="divider"></li>
                    <li><a href="agents.html">Agent Page</a></li>
                    <li class="divider"></li>
                    <li><a href="my-properties.html">Agent Folder</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Finance</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Residential(.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Commercial(.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">SMB (small-medium business)(.doc)</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Investment</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Domestic (.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">International  (.doc)</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Request Form</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Buyer Form</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="login.html"><i class="fa fa-check-circle"></i> Register</a></li>
          </ul>
        </div>
        <div class="col-md-8 col-sm-6">
          <ul class="horiz-nav pull-right">
            <li><a href="http://instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a></li>
            <li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
            <li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="middle-header">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-8 col-xs-8">
          <h1 class="logo"> <a href="index.html"><img src="images/logo.png" alt="Logo"></a> </h1>
        </div>
        <div class="col-md-8 col-sm-4 col-xs-4">
          <div class="contact-info-blocks hidden-sm hidden-xs">
            <div> <i class="fa fa-phone"></i> Free Line For You <span>080 378678 90</span> </div>
            <div> <i class="fa fa-envelope"></i> Email Us <span>sales@clarkepartner.com</span> </div>
            <div> <i class="fa fa-clock-o"></i> Working Hours <span>09:00 to 17:00</span> </div>
          </div>
          <a href="#" class="visible-sm visible-xs menu-toggle"><i class="fa fa-bars"></i></a> </div>
      </div>
    </div>
  </div>
  <div class="main-menu-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <nav class="navigation">
            <ul class="sf-menu">
              <li><a href="index.html">Home</a> 
                <!--  <ul class="dropdown">
                    <li><a href="index.html">Version 1</a></li>
                    <li><a href="index1.html">Version 2</a></li>
                  </ul> --> 
              </li>
             
              <li><a href="#">Buying</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things Buyers should Know</a> </li>
                  <li><a href="#">Why Choose Clarke</a> </li>
                  <li><a href="Mortgage-Calculator.html">Mortgage Calculator</a> </li>
                </ul>
              </li>
              <li><a href="#">Selling</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things  Sellers Should Know</a> </li>
                  <li><a href="#">What  Is Different About a Clarke Financial Partner Agent</a> </li>
                  <li><a href="#">Seller’s Estimate </a> </li>
                </ul>
              </li>
              <li><a href="#">Investing</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things Investors should know </a></li>
                  <li><a href="#">Why Invest With Clarke </a></li>
                  <li><a href="#">Clarke Investment Programs </a></li>
                  <li><a href="#">ROI </a></li>
                </ul>
              </li>
              <li><a href="#">Services</a>
                <ul class="dropdown">
                  <li><a href="#">Financial Services</a></li>
                  <li><a href="#">Property Management </a></li>
                </ul>
              </li>
              <li><a href="#">Careers</a>
                <ul class="dropdown">
                  <li><a href="#">Agents</a> </li>
                  <li><a href="#">Partners</a> </li>
                  <li><a href="#">Employees</a> </li>
                </ul>
              </li>
              <li><a href="#">About Us</a>
                <ul class="dropdown">
                  <li><a href="#">Team & Partners </a> </li>
                  <li><a href="#">History & Mission </a> </li>
                  <li><a href="contact.html">Contact Us </a> </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</header>
  <!-- End Site Header --> 
  <!-- Site Showcase -->
  <div class="site-showcase"> 
    <!-- Start Google Map -->
    <div class="clearfix map-single-page" id="gmap"></div>
    <!-- End Google Map --> 
  </div>
  <!-- Start Content -->
  <div class="main" role="main">
    <div id="content" class="content full">
      <div class="container">
        <div class="row">
          <div class="col-md-9">
            <div class="single-property">
              <h2 class="page-title">116 Waverly Place, <span class="location">New York</span></h2>
              <div class="price"><strong>$</strong><span>2800 Monthly</span></div>
              <div class="property-amenities clearfix"> <span class="area"><strong>For</strong>Rent</span> <span class="area"><strong>5000</strong>Area</span> <span class="baths"><strong>3</strong>Baths</span> <span class="beds"><strong>3</strong>Beds</span> <span class="parking"><strong>1</strong>Parking</span> </div>
              <div class="property-slider">
                <div id="property-images" class="flexslider">
                  <ul class="slides">
                    <li class="item"> <img src="images/property1.jpg" alt=""> </li>
                    <li class="item"> <img src="images/property2.jpg" alt=""> </li>
                    <li class="item"> <img src="images/property3.jpg" alt=""> </li>
                    <li class="item"> <img src="images/property4.jpg" alt=""> </li>
                  </ul>
                </div>
                <div id="property-thumbs" class="flexslider">
                  <ul class="slides">
                    <li class="item"> <img src="images/property1.jpg" alt=""> </li>
                    <li class="item"> <img src="images/property2.jpg" alt=""> </li>
                    <li class="item"> <img src="images/property3.jpg" alt=""> </li>
                    <li class="item"> <img src="images/property4.jpg" alt=""> </li>
                  </ul>
                </div>
              </div>
              <div class="tabs">
                <ul class="nav nav-tabs">
                  <li class="active"> <a data-toggle="tab" href="#description"> Description </a> </li>
                  <li> <a data-toggle="tab" href="#amenities"> Additional Amenities </a> </li>
                </ul>
                <div class="tab-content">
                  <div id="description" class="tab-pane active">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vehicula dapibus mauris, quis ullamcorper enim aliquet sed. Maecenas quis eget tellus dui. Vivamus condimentum egestas.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam euismod sollicitudin nunc, eget pretium massa. Ut sed adipiscing enim, pellentesque ultrices erat. Integer placerat felis neque, et semper augue ullamcorper in. Pellentesque iaculis leo iaculis aliquet ultrices. Suspendisse potenti. Aenean ac magna faucibus, consectetur ligula vel, feugiat est. Nullam imperdiet semper neque eget euismod. Nunc commodo volutpat semper.</p>
                  </div>
                  <div id="amenities" class="tab-pane">
                    	<div class="additional-amenities">
                    		<span class="available"><i class="fa fa-check-square"></i> Air Conditioning</span>
                         <span class="available"><i class="fa fa-check-square"></i> Heating</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Balcony</span>
                         <span class="available"><i class="fa fa-check-square"></i> Dishwasher</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Pool</span>
                         <span class="available"><i class="fa fa-check-square"></i> Internet</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Terrace</span>
                         <span class="available"><i class="fa fa-check-square"></i> Microwave</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Fridge</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Cable TV</span>
                         <span class="available"><i class="fa fa-check-square"></i> Security Camera</span>
                         <span class="available"><i class="fa fa-check-square"></i> Toaster</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Grill</span>
                         <span class="navailable"><i class="fa fa-check-square"></i> Oven</span>
                         <span class="available"><i class="fa fa-check-square"></i> Fans</span>
                     	</div>
                  </div>
                </div>
              </div>
              <h3>Agent</h3>
              <div class="agent">
              		<div class="row">
                    	<div class="col-md-4">
                        	<img src="images/agent4.jpg" alt="Mia Kennedy">
                     	</div>
                    	<div class="col-md-8">
                      	<h4><a href="agent-detail.html">Mia Keneddy</a></h4>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vehicula dapibus mauris, quis ullamcorper enim aliquet sed. Maecenas quis eget tellus dui. Vivamus condimentum egestas.</p>
                          <div class="agent-contacts clearfix">
                          	<a href="#" class="btn btn-primary pull-right btn-sm">Contact Agent</a>
                           	<ul>
                           		<li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                	<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                	<li><a href="#"><i class="fa fa-envelope"></i></a></li>
                         		</ul>
                          </div>
                      </div>
                  </div>
              </div>
            </div>
            <!-- Start Related Properties -->
            <h3>Related Properties</h3>
            <div class="property-grid">
              <ul class="grid-holder col-3">
                <li class="grid-item type-rent">
                  <div class="property-block"> <a href="#" class="property-featured-image"> <img src="images/property2.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Rent</span> </a>
                    <div class="property-info">
                      <h4><a href="#">116 Waverly Place</a></h4>
                      <span class="location">NYC</span>
                      <div class="price"><strong>$</strong><span>2800 Monthly</span></div>
                    </div>
                    <div class="property-amenities clearfix"> <span class="area"><strong>5000</strong>Area</span> <span class="baths"><strong>3</strong>Baths</span> <span class="beds"><strong>3</strong>Beds</span> <span class="parking"><strong>1</strong>Parking</span> </div>
                  </div>
                </li>
                <li class="grid-item type-buy">
                  <div class="property-block"> <a href="#" class="property-featured-image"> <img src="images/property3.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Buy</span> </a>
                    <div class="property-info">
                      <h4><a href="#">232 East 63rd Street</a></h4>
                      <span class="location">NYC</span>
                      <div class="price"><strong>$</strong><span>250000</span></div>
                    </div>
                    <div class="property-amenities clearfix"> <span class="area"><strong>5000</strong>Area</span> <span class="baths"><strong>3</strong>Baths</span> <span class="beds"><strong>3</strong>Beds</span> <span class="parking"><strong>1</strong>Parking</span> </div>
                  </div>
                </li>
                <li class="grid-item type-rent">
                  <div class="property-block"> <a href="#" class="property-featured-image"> <img src="images/property5.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Buy</span> </a>
                    <div class="property-info">
                      <h4><a href="#">55 Warren Street</a></h4>
                      <span class="location">NYC</span>
                      <div class="price"><strong>$</strong><span>300000</span></div>
                    </div>
                    <div class="property-amenities clearfix"> <span class="area"><strong>5000</strong>Area</span> <span class="baths"><strong>3</strong>Baths</span> <span class="beds"><strong>3</strong>Beds</span> <span class="parking"><strong>1</strong>Parking</span> </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <!-- Start Sidebar -->
          <div class="sidebar right-sidebar col-md-3">
            <div class="widget sidebar-widget">
              <h3 class="widgettitle">Search Properties</h3>
              <div class="full-search-form">
                <form action="#">
                  <select name="propery type" class="form-control input-lg">
                      <option selected>Type</option>
                    <option>Villa</option>
                    <option>Family House</option>
                    <option>Single Home</option>
                    <option>Cottage</option>
                    <option>Apartment</option>
                  </select>
                  <select name="propery contract type" class="form-control input-lg">
                      <option selected>Contract</option>
                    <option>Rent</option>
                    <option>Buy</option>
                  </select>
                  <select name="propery location" class="form-control input-lg">
                      <option selected>Location</option>
                    <option>New York</option>
                  </select>
                    <button type="submit" class="btn btn-primary btn-block"><i class="fa fa-search"></i> Search</button>
              </form>
              </div>
            </div>
            <div class="widget sidebar-widget featured-properties-widget">
              <h3 class="widgettitle">Featured Properties</h3>
              <ul class="owl-carousel owl-alt-controls1 single-carousel" data-columns="1" data-autoplay="no" data-pagination="no" data-arrows="yes" data-single-item="yes">
                <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property1.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Rent</span> </a>
                  <div class="property-info">
                    <h4><a href="#">116 Waverly Place</a></h4>
                    <span class="location">NYC</span>
                    <div class="price"><strong>$</strong><span>2800 Monthly</span></div>
                  </div>
                </li>
                <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property2.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Buy</span> </a>
                  <div class="property-info">
                    <h4><a href="#">232 East 63rd Street</a></h4>
                    <span class="location">NYC</span>
                    <div class="price"><strong>$</strong><span>250000</span></div>
                  </div>
                </li>
                <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property3.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Buy</span> </a>
                  <div class="property-info">
                    <h4><a href="#">55 Warren Street</a></h4>
                    <span class="location">NYC</span>
                    <div class="price"><strong>$</strong><span>300000</span></div>
                  </div>
                </li>
                <li class="item property-block"> <a href="#" class="property-featured-image"> <img src="images/property4.jpg" alt=""> <span class="images-count"><i class="fa fa-picture-o"></i> 2</span> <span class="badges">Rent</span> </a>
                  <div class="property-info">
                    <h4><a href="#">459 West Broadway</a></h4>
                    <span class="location">NYC</span>
                    <div class="price"><strong>$</strong><span>3100 Monthly</span></div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Start Site Footer -->
 <footer class="site-footer">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-12 footer-widget widget">
          <h3 class="widgettitle">Contact Us</h3>
          <div class="padding-as25 lgray-bg">
            <p class="big">Nearby Street, Hudson Lane<br>
              PO Box. 908509<br>
              New York - USA</p>
            <p>Email us at <a href="mailto:sales@realspaces.com"><strong>sales@clarkepartner.com</strong></a> or Call us on <strong>080 378678 90</strong></p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 footer-widget widget">
          <h3 class="widgettitle">Useful Links</h3>
          <ul>
            <li><a href="submit.html">Add your listing</a></li>
            <li><a href="login.html">Become an agent</a></li>
            <li><a href="pricing.html">Pricing</a></li>
            <li><a href="about.html">About us</a></li>
            <li><a href="shortcodes.html">Theme features</a></li>
          </ul>
        </div>
        <div class="col-md-3 col-sm-6 footer-widget widget">
          <h3 class="widgettitle">Our Newsletter</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus. Donec facilisis fermentum sem, ac viverra ante luctus vel.</p>
          <form>
            <input type="email" name="email" id="email" placeholder="Enter your email" class="form-control">
            <input type="submit" name="submit" class="btn btn-primary btn-block btn-lg" value="Subscribe">
          </form>
        </div>
      </div>
    </div>
  </footer>
  <footer class="site-footer-bottom">
    <div class="container">
      <div class="row">
        <div class="copyrights-col-left col-md-6 col-sm-6">
          <p>&copy; 2014 Clarke. All Rights Reserved</p>
        </div>
        <div class="copyrights-col-right col-md-6 col-sm-6">
          <div class="social-icons"> <a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a> <a href="http://www.pinterest.com/" target="_blank"><i class="fa fa-pinterest"></i></a> <a href="https://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a> <a href="http://www.pinterest.com/" target="_blank"><i class="fa fa-youtube"></i></a> <a href="#"><i class="fa fa-rss"></i></a> </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- End Site Footer -->
  <a id="back-to-top"><i class="fa fa-angle-double-up"></i></a>
</div>
<script src="js/jquery-2.0.0.min.js"></script> <!-- Jquery Library Call --> 
<script src="plugins/prettyphoto/js/prettyphoto.js"></script> <!-- PrettyPhoto Plugin --> 
<script src="plugins/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel --> 
<script src="plugins/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider --> 
<script src="js/helper-plugins.js"></script> <!-- Plugins --> 
<script src="js/bootstrap.js"></script> <!-- UI --> 
<script src="js/waypoints.js"></script> <!-- Waypoints --> 
<script src="js/init.js"></script> <!-- All Scripts --> 
<script src="style-switcher/js/jquery_cookie.js"></script> 
<script src="style-switcher/js/script.js"></script> 
<script src="http://maps.google.com/maps/api/js?sensor=false"></script> <!-- Google Map --> 
<script type="text/javascript">
        function PropertiesMap() {

            /* Properties Array */
            var properties = [
                { title:"116 Waverly Place",  price:"<strong>$</strong><span>2,800 monthly</span>",  lat:40.73238,  lng:-73.99948,  thumb:"images/property1-map.jpg",  url:"property-details.html",  icon:"images/map-marker.png", }
				
				];

            /* Map Center Location - From Theme Options */
            var location_center = new google.maps.LatLng(properties[0].lat,properties[0].lng);

            var mapOptions = {
                zoom: 5,
                scrollwheel: false
            }

            var map = new google.maps.Map(document.getElementById("gmap"), mapOptions);

            var bounds = new google.maps.LatLngBounds();

            var markers = new Array();
            var info_windows = new Array();

            for (var i=0; i < properties.length; i++) {

                markers[i] = new google.maps.Marker({
                    position: new google.maps.LatLng(properties[i].lat,properties[i].lng),
                    map: map,
                    icon: properties[i].icon,
                    title: properties[i].title,
                    animation: google.maps.Animation.DROP
                });

                bounds.extend(markers[i].getPosition());

                info_windows[i] = new google.maps.InfoWindow({
                    content:    '<div class="map-property">'+
                        '<h4 class="property-title"><a class="title-link" href="'+properties[i].url+'">'+properties[i].title+'</a></h4>'+
                        '<a class="property-featured-image" href="'+properties[i].url+'"><img class="property-thumb" src="'+properties[i].thumb+'" alt="'+properties[i].title+'"/></a>'+
                        '<p><span class="price">'+properties[i].price+'</span></p>'+
                        '<a class="btn btn-primary btn-sm" href="'+properties[i].url+'">Details</a>'+
                        '</div>'
                });

                attachInfoWindowToMarker(map, markers[i], info_windows[i]);
            }

            map.fitBounds(bounds);

            /* function to attach infowindow with marker */
            function attachInfoWindowToMarker( map, marker, infoWindow ){
                google.maps.event.addListener( marker, 'click', function(){
                    infoWindow.open( map, marker );
                });
            }

        }

        google.maps.event.addDomListener(window, 'load', PropertiesMap);
    </script> 
<!-- Style Switcher Start -->
</body>
</html>